.banner_right>p{
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
text-align: center;
margin-top: 15px;
}
.banner_right ul{
width: 160px;
margin: 0 auto;
}
#btnok1{
    width: 270px;
    height: 44px;
    background: #EF232C;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}
.index_school_news_from form{font-size: 14px;color: #666666;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;}
.index_school_news_from form select, #name,#tel{
width: 210px;
height: 36px;
background: #FFFFFF;
text-indent: 5px;
border: 1px solid #D4D4D4;
box-sizing: border-box;}
.index_school_news_from form ul{
display: flex;
height: 80px;
padding-top: 5px;
flex-wrap: wrap;}
.index_school_news_from .show_zxbd li {
width: 50%;
}
.show_zxbd>p img{
    margin-right: 5px;
}
.show_zxbd>p{
    font-weight: bold;
    margin: 10px;
    font-size: 20px;
    color: #333333;
    background: linear-gradient(-90deg, #FF8048 0%, #FF5054 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}
span.from_title {
    font-weight: bold;
    font-size: 15px;
    color: #333333;
}
.show_zxbd>div {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-content: center;
    width: 280px;
    flex-wrap: wrap;
    align-items: center;
}        
#btnok{
width: 270px;
height: 44px;
background: #EF232C;
border: none;
font-size: 16px;
color: #FFFFFF;
cursor: pointer;
}


.banner_right ul::before{
content: "";
width: 1px;
display: block;
position: absolute;
left: 15px;
top: 45px;
height: 215px;
background: #FFFFFF;
opacity: 0.2;}
.banner_right li{
font-family: Microsoft YaHei;
font-weight: 400;
position: relative;
font-size: 14px;
color: #FFFFFF;
line-height: 32px;
}
.banner_right div{
height: 30px;
background: rgb(18 18 18 / 30%);
border: 1px solid rgb(255 255 255 / 30%);
display: flex;
justify-content: space-between;
padding: 0px 20px;
}
.banner_right div a{
font-size: 12px;
color: #FFFFFF;
}
.banner_right li::before{
width: 10px;
content: "";
left: -20px;
top: 10px;
display: block;
position: absolute;
height: 10px;
background: #FFFFFF;
border-radius: 50%;
opacity: 0.5;
}
body{
font-family: Microsoft YaHei;
}
.w1200{width:1200px;margin:0 auto;}
.topmap{height: 40px;background: #F4F4F4;line-height: 40px;}
.topmap .w1200{
display: flex;
justify-content: space-between;
font-size: 14px;
color: #999999;
}
.topmap .w1200 a{
color: #999999;
}
.header{
background: #ffffff;
}
.header .w1200 {
display: flex;
flex-wrap: nowrap;
height: 120px;
align-items: center;
}
.header_search{
width: 450px;
height: 50px;
background: #FFFFFF;
border: 1px solid #EF232C;
margin-right: 120px;
}
.header_search_input{
width: 400px;
height: 50px;
border: none;
}
#search-form{
display: flex;
}
.header_search_btn{
width: 50px;
height: 50px;
background: #EF232C;
border: none;
}

div#header_address{font-size: 16px;
margin-left: 20px;
margin-right: 90px;
display: flex;
flex-wrap: nowrap;
align-items: center;
color: #333333;}
#header_address img{
margin-left: 5px;
}
.header_mobile>div img {
margin-left:20px;
margin-right: 5px;
}
.header_mobile>div>div img {
width: 130px;
height: 130px;
display: none;
}
.header_mobile{
display: flex;
font-size: 14px;
color: #666666;}
.nav_all p{
width: 240px;
height: 50px;
line-height: 50px;
text-align: center;
background: #EF232C;
font-size: 16px;
color: #FFFFFF;
}
.nav_all{
background:#ffffff;
}
.nav_all .w1200 {
display: flex;
}
.nav_all ul{

display: flex;
font-size: 16px;
align-items: center;
width: 920px;
justify-content: space-between;
padding: 0 20px;
}
.nav_all ul a{
    color: #333333;
}

.banner_left{width: 240px;
height: 520px;    background: #FFFFFF;
position: absolute;
z-index: 999;
left: 50%;
margin-left: -600px;
font-size: 14px;
}
.banner_right{

position: absolute;
z-index: 999;
left: 50%;
top:15px;
margin-left: 420px;
font-size: 14px;
width: 220px;
height: 320px;
background: rgba(0,0,0,.3);
border-radius: 0px;}
.banner_bottom{
position: absolute;
z-index: 999;
bottom: 10px;
left: 50%;
margin-left: -350px;
width: 950px;
height: 160px;
background: #FFFFFF;
background-image: url('/statics/images/index/index (13).png');
background-position: 20px 10px;
background-repeat: no-repeat;
border-radius: 0px;}
.banner_bottom ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 40px;
padding: 10px;
font-size: 14px;
color: #333333;
height: 100px;}
.banner_bottom input,.banner_bottom select{
width: 230px;
height: 40px;
text-indent: 10px;
background: #FFFFFF;
border: 1px solid #C0C0C0;
box-sizing: border-box;
}
.banner{
overflow: hidden;
position: relative;
z-index: 99;
height: 530px;
}
body{
background: #F2F2F2;
}
.banner .swiper-container{
overflow: hidden;
height: 350px;
width: 1920px;
text-align: center;
}
.banner_left ul{
display: flex;
flex-wrap: wrap;
}
.banner_left a{
font-size: 14px;
color: #666666;
}
.banner_left ul li{
width: 105px;
padding-left: 15px;    
height: 30px;
line-height: 30px;
}
.banner_left>a{
margin: 15px 15px 5px;
display: block;
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 14px;
color: #333333;
}
.p1-left{
width: 310px;
height: 410px;
background: #FFFFFF;
background-image: url('/statics/images/index/index_07.jpg');
background-position: 0 0;
background-repeat: no-repeat;
}
.p1-right{
width: 880px;
height: 410px;
background: #FFFFFF;
}
.p1{

display: flex;
justify-content: space-between;
}

.p1 li a{
font-size: 14px;
color: #333333;
line-height: 34px;
}
.p1-left li a{

}
.p1-left>p{
margin: 20px 0 15px;
font-weight: bold;
font-size: 20px;
color: #333333;
text-align: center;
}
.index-news-li li::before{
display: inline-block;
content: "";
width: 6px;
height: 6px;
background: #DBDBDB;
border-radius: 50%;
vertical-align: inherit;
margin: 0 6px;
}

.p1-right-top{ width: 860px;
height: 124px;
background: #FFF8F8;
border: 1px solid #FFE2E3;
background-image: url('/statics/images/index/index_10.jpg');
background-position: 20px 10px;
background-repeat: no-repeat;
margin: 10px;
}
.p1-right-top ul{
display: flex;
flex-wrap: wrap;

margin-top: 50px;}
.p1-right-top ul li{

width: 361px;
margin-left: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 30px;
height: 30px;}

.index-news-li1{
display: flex;
flex-wrap: wrap;}
.index-news-li1 li{
width: 50%;
margin-bottom: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
}
.index-news-li1 li span{
font-size: 12px;
color: #666666;
line-height: 20px;
width: 68px;
height: 24px;
background: #F2F2F2;
display: inline-block;
text-align: center;
margin: 0 12px;

}.index_box_title {
font-size: 16px;
color: #333333;
font-weight: bold;
display: flex;
justify-content: space-between;
padding: 10px 10px 5px;
}
.index_box_title a{
height: 14px;
font-size: 14px;
color: #999999;
font-weight: normal;}
.index_title>a{
font-size: 14px;
color: #8D8D8D;
text-align: center;
background: #F2F2F2;
border-radius: 16px;
border: 1px solid #C7C7C7;
padding: 4px 20px;
position: absolute;
right: 0;
top: 0;
}
.index_title ul li .red{
color: #EF232C;
}
.index_title ul{
display: flex;
font-size: 14px;
}
.index_title ul li{
margin-left: 40px;
}
.index_title ul li a{
color: #333333;
}
.index_title{
width: 1200px;
margin:28px auto;
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
}
.index_title>p{
font-weight: bold;
font-size: 24px;
color: #333333;
}
.index_school{
width: 1200px;
margin: 0 auto;
}
.p1-left .index-news-li li{

width: 95%;
}
.index_school ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1200px;
}

.index_school ul li{
padding: 10px;
width: 270px;
height: 160px;
background: #FFFFFF;
display: flex;
margin-bottom: 15px;
flex-wrap: wrap;
justify-content: space-between;}
.index_school ul li img{

margin-right: 15px;
width: 60px;
height: 60px;
}
.index_school ul li p{
font-size: 14px;
color: #999999;
width: 100%;
display: flex;
justify-content: space-between;
}

.index_school_title{
font-size: 16px;
color: #333333;
line-height: 24px;
display: flex;}
.index_school_zx{
width: 120px;
height: 36px;
background: #FFF1F2;    display: block;
font-size: 14px;
text-align: center;
line-height: 36px;
color: #EF232C;
}
.index_school_xq{
width: 120px;
height: 36px;
background: #F1F9FF;
display: block;
font-size: 14px;
text-align: center;
line-height: 36px;
color: #008EF8;
}
.index_school_news_left{
    width: 310px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 680px;
    align-content: space-between;}
.index_school_news{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 680px;
    align-content: space-between;
    margin-bottom: 10px;
}


.index_school_news_right{
    width: 880px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 680px;
}
.index_school_news_top a{
font-size: 14px;
color: #999999;
line-height: 20px;
}
.index_school_news_top p{
font-weight: bold;
font-size: 16px;
color: #EF232C;

margin-bottom: 10px;

}

.index-news-li1 a {
font-size: 14px;
color: #333333;
line-height: 34px;
}
.index_school_news_right>div{    width: 860px;
height: 520px;
background: #FFFFFF;
padding: 10px;}

.index_major ul li {
width: 290px;
height: 210px;
background: #FFFFFF;
display: flex;
margin-bottom: 15px;
flex-wrap: wrap;
justify-content: space-between;
}
.index_major ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1200px;
}
.index_major ul li img{
width: 290px;
height: 130px;
background: #FFE5E5;
margin-bottom: 10px;
}
.index_major ul li .index_major_title{
font-size: 16px;
color: #333333;
}
.index_major ul li p{
display: flex;
justify-content: space-between;
padding: 0 10px;
font-size: 14px;
color: #999999;
}
.index_box{
width: 290px;
background: #ffffff;height: 370px;
}
.index_box img{
width: 100%;
    max-height: 170px;
}
.w1200.p2 {
display: flex;
justify-content: space-between;
}

.index_box_news img{
width: 290px;
height: 170px;
}
.index-news-li li {
font-size: 14px;
color: #333333;
line-height: 33px;
word-wrap: normal;
overflow: hidden;
width: 230px;
padding-right: 20%;
height: 33px;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;    
}

.index_box1{
width: 290px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.index_box4{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
padding:10px;
width: 270px;
height: 350px;
}
.index_box2{
width: 574px;
height: 350px;
background: #FFFFFF;
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}.index_box.index_box6 {
display: flex;
flex-direction: column;
justify-content: space-between;
background: #F2F2F2;
}
.index-news-li.index_box3 li{
    width: 300px;
}
.index_zt img{
    width: 230px;
    height: 120px;
}
.index_zt a{width: 230px;
height: 160px;
background: #FFFFFF;font-size: 14px;
color: #333333;
text-align: center;
display: block;
}  
.index_zt{
display: flex;
justify-content: space-between;
margin-top: 30px;
}

.index_zt p{height: 40px;line-height: 40px;
    overflow: hidden;
}
.index_box3{
    width: 1180px;
    height: 350px;
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
}
.footer_link{
font-size: 14px;
color: #333333;
line-height: 32px;
background: #ffffff;
margin: 20px auto;
padding: 20px;
width: 1160px;
}
.footer_link p{
color:#333333;
padding-right: 20px;
}
.footer_link a{
color:#666666;
margin-right: 20px;
}
.footer_link div{
display: flex;
flex-wrap: wrap;}
.footer_link hr{
width: 100%;
height: 1px;
background: #E0E0E0;
border: none;
margin: 20px 0;}
.footer-top{
height: 70px;
line-height: 70px;
background: url('http://www.itoma.cn/statics/images/index/index%20(4).png');
font-size: 14px;
color: #FEFEFE;
}
.footer-top .w1200{
display: flex;
justify-content: space-between;
width: 1000px;
}
.footer-top img{

margin-right: 6px;
}

.footer-main{
background: #333333;
}
.footer-copyright{
font-size: 12px;
color: #727272;
line-height: 22px;
padding-bottom: 30px;
}
.footer-bottom{
background: #ffffff;
text-align: center;
padding: 20px 0;}
.footer-main ul{
padding: 20px 0;
display: flex;
}
.footer-main li a{
font-size: 14px;
color: #E7E7E7;
line-height: 26px;
margin-right: 60px;
}
.banner_bottom li{
width: 290px;
text-align: right;
}
.banner_bottom button{
width: 230px;
height: 40px;
background: #EF232C;
border: none;
color: #ffffff;
font-size: 14px;
}
.index_school_news_from{
background:url('/statics/images/index/index_15.jpg') center 20px no-repeat #FFFFFF;
width: 310px;
height: 390px;
padding-top: 80px;
}
.index_school_news_top>div{
margin-top: 18px;
margin-bottom: 18px;
}
.index_school_news_right .index-news-li1 li span{
margin-left: 0 ;
}
.index-news-li li span{
position: absolute;
right: 10px;
top: 0;
color: #999999;
}